<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.proxy{border:1px #09F dashed}
</style>
<script src="../$$.js"></script>
<script src="../prototype/Object.js"></script>
<script src="../prototype/Array.js"></script>
<script src="../prototype/String.js"></script>
<script src="../prototype/Function.js"></script>
<script src="../Class.js"></script>
<script src="../Component.js"></script>
<script src="../util/Task.js"></script>
<script src="../util/Thread.js"></script>
<script src="../DomHelper.js"></script>
<script src="../Element.js"></script>
<script src="../Ajax.js"></script>
<script src="../Ajax/Connection.js"></script>
<script src="../dd/DragDrop.js"></script>
<script>

</script>
</head>

<body>
<div id="target1" style="width:200px; height:400px; background:blue; float:left;">
<div id="test" style="width:100px; height:100px; background:#ccc; cursor:move;">abc</div>
<div id="test1" style="width:100px; height:100px; background:#ccc; cursor:move;">def</div>
<div id="test2" style="width:100px; height:100px; background:#ccc; cursor:move;">ghi</div>
</div>
<div id="target2" style="width:200px; height:400px; background:red; float:left; margin-left:200px;"></div>
<div id="target3" style="width:200px; height:400px; background:green; float:left; margin-left:200px;"></div>
</body>
<script>

var el1 = new $$.Element('#test', {draggable: true});
var el2 = new $$.Element('#test1', {draggable: {dropTarget: ['#target2', '#target3'], dragProxy: true}});
var el3 = new $$.Element('#test2', {draggable: {dropTarget: ['#target2', '#target3'], dragProxy: true}});

</script>
</html>
